<template>
  <div class="col-md-12 column">
    <SidebarName></SidebarName>
    <div id="myDiv">
      <router-view />
    </div>

  </div>

</template>

<script>
import SidebarName from "@/views/SidebarName.vue";

export default {
  name: 'App',
  components: {
    SidebarName,
  },

}
</script>

<style scoped>
body {
  display: flex; /* 设置flex布局 */
  justify-content: center; /* 水平居中对齐内容 */
}
#myDiv {
  margin: auto; /* 自动计算左右外边距，达到居中效果 */
  width: 98%; /* 根据需求调整宽度 */
}
</style>
